<%@ page import="com.qunar.base.meerkat.util.StringUtil"%>
<%@ page import="com.qunar.base.meerkat.web.UserValueObject"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="web" uri="http://meerkat.qunar.com/web"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<web:designCss />
<style type="text/css">
.main {
    width: 335px;
    margin:auto;
}
.tokennin-box{
    margin: 40px 0 0;
    padding: 20px 25px 15px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
}
.tokennin-box h2 {
    font-size: 16px;
    line-height: 17px;
    height: 16px;
    margin: 0 0 1.2em;
    position: relative;
}

.tokennin-box label {
    display: block;
    margin: 0 0 1.5em;
}
.tokennin-box label.sso {
    vertical-align: top;
    margin: 9px 0 9px;
}

.tokennin-box input[type=text], .tokennin-box input[type=password] {
    width: 100%;
    height: 32px;
    font-size: 15px;
}
.tokennin-box button {
    margin: 0 1.5em 1.2em 0;
    height: 32px;
    font-size: 13px;
}

.tokennin-box strong {
    font-weight: bold;
    margin: 0 0 .5em;
    display: block;
}
</style>
<script type="text/javascript" src="/scripts/jquery-1.6.js"></script>
<script type="text/javascript">
<!--
if (top.location != self.location) {
    top.location = self.location;
}
// -->
</script>
</head>
<body>
    <div class="wrapper">
        <div class="header-bar clearfix">
            <div class="header content">
                <div class="logo"></div>
            </div>
        </div>
        <c:if test="${message != null}">
        <div class="announce-bar">
            <span class="message">${message}</span>
        </div>
        </c:if>
        <div class="main content clearfix">
            <div class="tokennin-box">
                <h2>登陆</h2>
                <form id="loginform" action="/logon/logon.htm" method="post"> 
                    <label>
                        <strong>用户名</strong>
                        <input type="text" id="loginId" name="user"/>
                    </label>
                    <label id="lbl-password">
                        <strong>密码</strong>
                        <input type="password" id="password" name="passwd"/>
                    </label>
                    <button class="button button-blue" id="btn-logon" >登陆</button>
                    <input type="hidden" id='issso' name="issso" value="false"/>
                    <input type="hidden" id='sig' name="sig" value=""/>
                </form>
            </div>
        </div>
            <!-- 
    <p>1. SSO用户登陆请先绑定RTX信箱</p>
    <p>2. SSO登陆模式下默认采用签名登陆</p>
    <p>3. SSO登陆模式下，只有IE浏览器支持获取签名</p>
    <p>4. SSO登陆模式下使用验证码登陆，请先输入用户名，然后点击获取验证码，在您绑定的信箱中即可获取到验证码</p>
             -->
        <div class="footer-bar">
            <div class="footer content clearfix">
              <ul>
                  <li>&copy;2012 Qunar</li>
                  <li><a href="#">使用说明</a></li>
              </ul>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            /* 登陆 */
            $("#btn-logon").click(function() {
                if ($("#loginId").val()=="") {
                    alert("用户名不能为空");
                    $("#loginId").focus();
                    return false;
                }

                $("#loginform").submit();
            });
        });
    </script>
</body>
</html>